  
  
    // 入口函数
  $(function () {
        // 需求1 获取用户信息渲染头像
        getUserInfo()

        // 需求2
        $('#logout').on('click', function () {
            layer.confirm('你要走?',{ icon:3, title: '提示'}, function (index) {
                localStorage.removeItem('token')
                location.href ='/login.html'
                layer.close(index)
            })
        })

    })

    function getUserInfo () {
        axios({
            // 请求方式是GET 可以是省略
            url:'/my/userinfo',
            // 通过请求头设置token身份认证
            // headers: {
            //     Authorization:localStorage.getItem('token')
            // }
        }).then(res => {
            // console.log(res);

            // 判断
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            // 渲染
            renderAvatar(res.data.data)
        })
    }
    // 渲染用户信息和头像
function renderAvatar(user) {
   let  name =user.nickname || user.username
    $('.welcome').html('沟底你是&nbsp' +name)
    // 处理头像 -如果有图片头像渲染图片头像.否则渲染文字头像
    if (user.user_pic !== null) {
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src',user.user_pic)
    } else {
        $('.layui-nav-img').hide()
        let first =name[0].toUpperCase()
        $('.avatar-text').show().html(first)
    }
}